<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>运单详情</title>

    <link rel="stylesheet" th:href="@{../../static/styles/bootstrap.min.css }"
          href="../../static/styles/bootstrap.min.css">
    <link rel="stylesheet" th:href="@{../../static/styles/main.min.css }" href="../../static/styles/main.min.css">
    <link rel="stylesheet" th:href="@{../../static/styles/center.css }" href="../../static/styles/center.css">

</head>
<body>
<!--page页面-->
<div class="page-this">
    <table class="waybill-table">
        <tr class="row">
            <td class="col-md-1 col">托运单号：</td>
            <td class="col-md-1 col">1242354</td>
            <td class="col-md-1 col">运单状态：</td>
            <td class="col-md-1 col">已装车</td>
            <td class="col-md-1 col">托运日期：</td>
            <td class="col-md-1 col">2020/3/1</td>
            <td class="col-md-1 col">出发地：</td>
            <td class="col-md-1 col">长沙</td>
            <td class="col-md-1 col">到达城市：</td>
            <td class="col-md-1 col">广州</td>
            <td class="col-md-1 col">到达分站：</td>
            <td class="col-md-1 col">广州千途物流</td>
        </tr>
        <tr class="row">
            <td colspan="12" class="col-md-12 col title-row">基本信息</td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">发货单位：</td>
            <td colspan="3" class="col-md-3 col">长沙雨花物流中心</td>
            <td class="col-md-1 col">发货人：</td>
            <td class="col-md-1 col">陈先生</td>
            <td class="col-md-1 col">联系电话：</td>
            <td class="col-md-1 col">12345678901</td>
            <td class="col-md-1 col">发货地址：</td>
            <td colspan="3" class="col-md-3 col">长沙雨花区物流园</td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">收货单位：</td>
            <td colspan="3" class="col-md-3 col">广州千峰</td>
            <td class="col-md-1 col">收货人：</td>
            <td class="col-md-1 col">伍先生</td>
            <td class="col-md-1 col">联系电话：</td>
            <td class="col-md-1 col">12345678901</td>
            <td class="col-md-1 col">收货地址：</td>
            <td colspan="3" class="col-md-3 col">广州西南路202号</td>
        </tr>
        <tr class="row">
            <td colspan="12" class="col-md-12 col title-row">货运信息</td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">送货方式：</td>
            <td class="col-md-1 col">自提</td>
            <td class="col-md-1 col">运输类型：</td>
            <td class="col-md-1 col">普通运输</td>
            <td class="col-md-1 col">承诺日期：</td>
            <td class="col-md-1 col"></td>
            <td class="col-md-1 col">订单编号：</td>
            <td class="col-md-1 col">32554</td>
            <td colspan="2" class="col-md-2 col">
                跟踪短信<input type="radio" name="sendMess" value="">
            </td>
            <td colspan="2" class="col-md-2 col">
                签收短信<input type="radio" name="sendMess" value="">
            </td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">
                <div class="row">货物名称:</div>
                <div class="row">不锈钢材&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">数量:</div>
                <div class="row">100&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">包装:</div>
                <div class="row">纸箱&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">重量:</div>
                <div class="row">100.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">体积/m³:</div>
                <div class="row">100.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">单价:</div>
                <div class="row">20.000&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">计费方式:</div>
                <div class="row">体积&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">基本运费:</div>
                <div class="row">2000.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">提货费:</div>
                <div class="row">100.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">送货费:</div>
                <div class="row">100.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">货物价值:</div>
                <div class="row">20000.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">保费:</div>
                <div class="row">60.00&nbsp;</div>
            </td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">
                <div class="row">卸货费:</div>
                <div class="row">100.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">其他:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">运费合计:</div>
                <div class="row">2360.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">现付</div>
                <div class="row">2360.00&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">现付方式:</div>
                <div class="row">微信&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">回付月结:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">到付:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">代收:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">代收支付:</div>
                <div class="row">未付&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">回单:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">收条:</div>
                <div class="row">&nbsp;</div>
            </td>
            <td class="col-md-1 col">
                <div class="row">回单期限:</div>
                <div class="row">&nbsp;</div>
            </td>
        </tr>
        <tr class="row">
            <td rowspan="2" colspan="4" class="col-md-4 col"></td>
            <td class="col-md-1 col">开单员：</td>
            <td class="col-md-1 col">唐先生</td>
            <td class="col-md-1 col">业务员：</td>
            <td class="col-md-1 col">唐先生</td>
            <td colspan="2" class="col-md-2 col">其他：</td>
            <td colspan="2" class="col-md-2 col"></td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">提货司机：</td>
            <td class="col-md-1 col">黄先生</td>
            <td class="col-md-1 col">提货开支：</td>
            <td class="col-md-1 col">100.00</td>
            <td colspan="4" class="col-md-4 col">

            </td>
        </tr>

        <tr class="row">
            <td rowspan="2" colspan="2" class="col-md-2 col">运输详情</td>
            <td class="col-md-1 col">装车序号</td>
            <td colspan="2" class="col-md-2 col">发车日期</td>
            <td class="col-md-1 col">运输状态</td>
            <td class="col-md-1 col">运输车号</td>
            <td class="col-md-1 col">运输司机</td>
            <td class="col-md-1 col">司机电话</td>
            <td colspan="2" class="col-md-2 col">到站时间</td>
            <td class="col-md-1 col">入库站点</td>
        </tr>
        <tr class="row">
            <td class="col-md-1 col">2</td>
            <td colspan="2" class="col-md-2 col">2021/3/1 9:44:01</td>
            <td class="col-md-1 col">卸货完毕</td>
            <td class="col-md-1 col">124423345fs</td>
            <td class="col-md-1 col">卢先生</td>
            <td class="col-md-1 col">18523324567</td>
            <td colspan="2" class="col-md-2 col">2021/3/2 16:28:25</td>
            <td class="col-md-1 col">长沙</td>
        </tr>
        <tr class="row">
            <td rowspan="2" colspan="2" class="col-md-2 col">派送详情</td>
            <td colspan="2" class="col-md-2 col">派送时间</td>
            <td class="col-md-1 col">派送司机</td>
            <td class="col-md-1 col">司机电话</td>
            <td class="col-md-1 col">派送成本</td>
            <td class="col-md-1 col">签收时间</td>
            <td class="col-md-1 col">签收人</td>
            <td colspan="3" class="col-md-3 col">签收备注</td>
        </tr>
        <tr class="row">
            <td colspan="2" class="col-md-2 col"></td>
            <td class="col-md-1 col"></td>
            <td class="col-md-1 col"></td>
            <td class="col-md-1 col"></td>
            <td class="col-md-1 col"></td>
            <td class="col-md-1 col"></td>
            <td colspan="3" class="col-md-3 col"></td>
        </tr>
        <tr class="row">
            <td colspan="2" class="col-md-2 col">回单跟踪</td>
            <td colspan="10" class="col-md-10 col"></td>
        </tr>
        <tr class="row">
            <td colspan="2" class="col-md-2 col">运单跟踪</td>
            <td rowspan="4" colspan="7" class="col-md-7 col">
                <div class="line-left">2021-03-01 09:12 【长沙】已受理运单，准备发运 唐先生</div>
                <div class="line-left">2021-03-01 09:39 已入库 唐先生</div>
                <div class="line-left">2021-03-01 09:44 长沙已发车，运输车号124423345fs 唐先生</div>
                <div class="line-left">2021-03-02 16:28 您的货物已到达【长沙，电话18569392208】，请尽快到【长沙】提货 唐先生</div>
            </td>
            <td class="col-md-1 col">运单码</td>
            <td class="col-md-1 col">PDF运单下载</td>
            <td class="col-md-1 col">查单跟踪码</td>
        </tr>











    </table>

</div>

</body>
</html>